546. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:36 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

546.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype15.rtl.css2019-10-30 10:31:40 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype15.rtl.css2021-04-11 04:18:04 +0000

546.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1632
Changed11407
Inserted00
Removed583

546.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

546.4 Active regular expressions

No regular expressions were active.

546.5 Comparison detail

1 header.page-header.type15 { 1 .page-header.type15 .header-main .header-left,.page-header.type15 .header-main .header-right {padding-top: 15px;padding-bottom: 15px;}
2 
    
position: relative;
 2 .page-header .panel.wrapper {position: relative;} 
3     width: 100%; 3 .page-header .panel.wrapper .header-right > * {margin-right: .875rem;margin-left: 0;}
4     background-color: transparent; 4 .page-header.type15 .main-panel-top {display: none;}
5     border: 0; 5 .page-header.type15 .main-panel-top .panel.header+.gap {height: 1.6em;}
6     z-index: 5; 6 .page-header.type15 .panel.header .switcher {margin-right: 0;margin-right: .875rem;}
7     border-bottom: 1px solid rgba(60,60,60,0.1); 7 .page-header.type15 .panel.header .switcher:first-child {margin-right: 0;}
    8 .page-header.type15 .main-panel-top .share-links a {width: 26px;height: 26px;margin: 0 1px;display: inline-block;}
    9 .page-header.type15 .main-panel-top .separator {height: 1.6em;border-right: 1px solid rgba(255,255,255,.09);display: inline-block;vertical-align: middle;}
    10 .page-header.type15 .header-main .header.content {max-width: 100%;padding-left: 20px;padding-right: 20px;}
    11 .page-header.type15 .header-main .separator {border-right: 1px solid rgba(0,0,0,.04);height: 1.5em;}
    12 .page-header.type15 .header-main .header-right > *{margin-right: .875rem;}
    13 .page-header.type15 .header-main .header-right > *:first-child {margin-right: 0;}
    14 .page-header.type15 .custom-block {white-space: nowrap;}
    15 .page-header.type15 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
    16 .page-header.type15 .header-contact .wishlist {margin-right: .5rem;height: 30px;}
    17 .page-header.type15 .header-contact .wishlist i {font-size: 28px;display: block;margin: 0;}
    18 .page-header.type15 .minicart-wrapper {height: 28px;}
    19 .page-header.type15 .minicart-wrapper .action.showcart {min-width: 32px;justify-content: center;}
    20 .page-header.type15 .minicart-wrapper .action.showcart::after {display: none;}
    21 .page-header.type15 .minicart-wrapper .action.showcart .counter.qty {left: -5px;top: -4px;box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 30%);}
    22 .page-header.type15 .nav-sections .navigation {padding-left: 0;padding-right: 0;position: static;}
    23 .page-header.type15 .nav-sections .navigation .container {padding-right: 10px;padding-left: 10px;}
    24 .page-header.type15 .search-area.show-icon a.search-toggle-icon i::before {font-weight: 600;}
    25 .nav-toggle {padding-left: 1px;margin-left: 0;}
    26 @media (min-width:1670px){
    27   .page-header.type15 .header-main .header-right {flex: 1;flex-wrap: nowrap;padding-right: 1.75rem;}
8 } 28 }
9 .page-header.type15 { 29 @media (min-width:992px) and (max-width:1669px){
10     background-image: url(../../images/page-header2.jpg); 30   .page-header.type15 .header-main .header-left {flex: 1;}
11     background-repeat: repeat;    
12 } 31 }
13 header.page-header.type15 .header > .logo { 32 @media (min-width: 1440px) {
14     float: right; 33 .page-header.type15 .header-main .header-left .logo {margin-left: 1rem;}
15     width: 20%;    
16     margin: 34px 0;    
17     max-width: 100%;    
18 } 34 }
19 header.page-header.type15
 .minicart-wrapper {
 35 @media (min-width:992px){
20     max-width: 71px; 36   .page-header.type15 .header-main .header-left > * {margin-right: .875rem;}
    37   .page-header.type15 .header-main .header-left > *:first-child{margin-right: 0;}
    38   .page-header.type15 .header-main .header-right .separator {margin-right: 2em;margin-left: 1em;}
    39   .page-header.type15 .logo {min-width: 111px;margin-right: 0 !important;}
    40   .page-header.type15 .search-area:not(.show-icon) .block.block-search {border: none;}
    41   .page-header.type15 .block-search input,.page-header.type15 .search-category {height: 48px;font-style: italic;}
    42   .page-header.type15 .search-category {left: 51px !important;}
    43   .page-header.type15 .search-category:after {line-height: 48px;}
    44   .page-header.type15 .search-category select {max-width: 95px;}
    45   .page-header.type15 .search-area .minisearch .actions button {width: 52px;line-height: 48px;height: 48px;color: #222529;}
    46   .page-header.type15.sticky-header .logo {min-width: 100px;max-width: 100px;}
    47   .page-header.type15.sticky-header .logo img {transform: scale(.8);transform-origin: right center;}
    48   .page-header.type15.sticky-header .nav-sections {position: static !important; box-shadow: none;width: auto !important;}
    49   .page-header.type15.sticky-header .header-main {position: fixed; right: 0;top: 0; background: #fff;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);}
    50   .page-header.type15.sticky-header .header-main .header-left, .page-header.type15.sticky-header .header-main .header-right {padding-top: 9.5px;padding-bottom: 9.5px;}
    51   .page-header.type15.sticky-header .minicart-wrapper {position: static;transform: none;}
    52   .page-header.type15 .sticky-logo {margin-top: 10px;padding-right: 10px;}
    53   .page-header.type15 .header.panel > .header.links {display: flex;align-items: center;}
    54   .page-header.type15 .header.panel > .header.links > li > a {padding-top: 8px;padding-bottom: 8px;padding-right: 16px;padding-left: 8px;text-transform: none;}
    55   .page-header.type15 .nav-sections {display: flex;align-items: center;}
    56   .page-header.type15 .nav-sections .nav-sections-items {flex: 0 0 100%;}
    57   .page-header.type15 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
    58   .page-header.type15 .navigation:not(.side-megamenu) .level0 {margin-left: 1px;}
    59   .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 13px;font-weight: 600;line-height: 13px;letter-spacing: 0;padding: 30px 16px 30px 16px;}
    60   .page-header.type15.sticky-header .navigation:not(.side-megamenu) .level0 .level-top {padding-top: 20px;padding-bottom: 20px;}
    61   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
    62   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #000;}
    63   .sw-megamenu.navigation li.level0.classic .submenu a,.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {font-weight: 600;}
    64   .page-header.type15 .search-area.show-icon .block.block-search {min-width: 380px;}
21 } 65 }
22 header.page-header.type15 .minicart-wrapper .action.showcart { 66 @media (min-width:992px) and (max-width: 1615px) {
23     height: 52px; 67 .page-header.type15 .navigation:not(.side-megamenu) .level0 .level-top {
24     padding: 0 15px; 68     padding: 20px 10px 20px 10px;
25     line-height: 49px;    
26 } 69 }
27 header.page-header.type15 .minicart-wrapper .action.showcart:before,    
28 header.page-header.type15 .minicart-wrapper .action.showcart.active:before {    
29     content: '\e878';    
30     color: #fff;    
31     font-size: 27px;    
32     display: inline-block;    
33     height: 52px;    
34     line-height: 52px;    
35 } 70 }
36 header.page-header.type15 .minicart-wrapper .action.showcart .counter.qty { 71 @media (max-width: 1575px) {
37     position: static; 72   .page-header.type15 .header-main .header-right > *,.page-header.type15 .header-main .header-right .separator{margin-right: .875rem;margin-left: 0;}
38     font-family: 'Oswald'; 73   .page-header.type15 .header-main .header-left > * {margin-right: .375rem;}
39     font-size: 15px;    
40     text-transform: capitalize;    
41     color: #c0bebb;    
42     letter-spacing: 0.03em;    
43     font-weight: 300;    
44     line-height: 49px;    
45     margin: 0 5px 0 0;    
46     min-width: auto;    
47     height:auto;    
48     width: auto;    
49     
50 } 74 }
51 header.page-header.type15 .minicart-wrapper .action.showcart .counter-number { 75 @media (min-width:992px) and (max-width: 1219px) {
52     position: absolute; 76 
.page-header.type15 .navigation:not(.side-megamenu) 
.level0 .level-top {
53     font-family: "Poppins"; 77     padding: 20px 6px 20px 6px;
54     font-size: 11px;    
55     text-align: center;    
56     color: #fff;    
57     background-color: #ff4052;    
58     border-radius: 20px;    
59     width: 14px;    
60     height: 14px;    
61     line-height: 16px;    
62     top: 13px;    
63     right: 32px;    
64 }    
65 header.page-header.type15 .minicart-wrapper .action.showcart .counter-label {    
66     position: static;    
67 }    
68 header.page-header.type15 .minicart-wrapper .block-minicart {    
69     border-top-color: #fff;    
70 }    
71 header.page-header.type15 .minicart-wrapper .block-minicart:before {    
72     border-bottom-color: #fff;    
73 }    
74 header.page-header.type15 .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {    
75     font-family: 'Oswald';    
76     font-size: 17px;    
77 }    
78 header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary,    
79 header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {    
80     font-family: 'Oswald';    
81     font-size: 15px;    
82     text-transform: uppercase;    
83     letter-spacing: 0.05em;    
84 }    
85 header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details .price {    
86     font-family: 'Oswald';    
87     font-size: 13px;    
88 }    
89 header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details {    
90     padding-top: 0;    
91     padding-bottom: 0;    
92 }    
93 header.page-header.type15.sticky-header .minicart-wrapper .action.showcart > span {    
94     padding: 0 !important;    
95     margin: 0 !important;    
96     width: 0 !important;    
97     height: 0 !important;    
98 }    
99 @media (min-width:
 768px) {		    
100     header.page-header.type15.sticky-header .nav-sections {    
101         background-color: #999592;    
102         padding: 8px 0 !important;    
103     }    
104     header.page-header.type15.sticky-header .navigation > ul {    
105         text-align: right;    
106         padding-left: 70px;    
107     }    
108     header.page-header.type15.sticky-header .minicart-wrapper .block-minicart {    
109         left: 0;    
110     }    
111     header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-label {    
112         display: none;    
113     }    
114     header.page-header.type15.sticky-header .minicart-wrapper .action.showcart:before {    
115         line-height: 43px;    
116     }    
117     header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-number {    
118         top: 8px;    
119     }    
120     header.page-header.type15 .top-links-area {    
121         padding: 0;    
122     }    
123     header.page-header.type15 .header.panel > .header.links {    
124         width: 100%;    
125         padding: 16px 0 0 16px;    
126         border-bottom: 1px solid rgba(60,60,60,0.1);    
127         height: 53px;    
128         margin: 0;    
129         list-style: none;    
130         text-align: left;    
131     }    
132     header.page-header.type15 .header.panel > .header.links > li.first {    
133         padding-right: 0;    
134     }    
135     header.page-header.type15 .header.panel > .header.links > li {    
136         border: 0;    
137         display: inline-block;    
138         text-transform: uppercase;    
139         color: #c0bebb;    
140         font-size: 13px;    
141         font-family: "Oswald";    
142     }    
143     header.page-header.type15 .header.panel > .header.links > li a {    
144         padding: 0 16px;    
145         color: #c0bebb;    
146         font-size: 13px;    
147         font-family: "Oswald";    
148         font-weight: 400;    
149         letter-spacing: 1px;    
150         border: none;    
151         text-decoration: none;    
152     }    
153     header.page-header.type15 .header.panel > .header.links > li a:hover {    
154         color:#fff;    
155     }    
156     header.page-header.type15 .header.panel .header.links > li > *:not(.no-display):not(div) {    
157         padding: 0 16px;    
158     }    
159     header.page-header.type15 .header.panel > .header.links > li .customer-menu > ul.header.links {    
160         padding: 5px 0;    
161     }    
162     header.page-header.type15 .header.panel > .header.links > li .customer-menu a {    
163         padding: 5px 16px;    
164     }    
165     header.page-header.type15 .header-right-area {    
166         width: 80%;    
167         float: right;    
168         border-left: 1px solid rgba(60,60,60,0.1);    
169     }    
170     header.page-header.type15 .header .header-link-area {    
171         float: right;    
172         display: inline-block;    
173         width: calc(100% - 270px);    
174         border: 1px solid rgba(60,60,60,0.1);    
175         border-bottom-width: 0;    
176         border-top-width: 0;    
177     }    
178     header.page-header.type15 .switcher-area {    
179         width: 270px;    
180         float: left;    
181     }    
182     header.page-header.type15 .nav-sections {    
183         border: 0;    
184         padding: 0 10px;    
185         margin-top: -1px;    
186         text-align: left;    
187     }    
188     header.page-header.type15 .navigation
 li.level0 > a {		    
189         padding: 3.5px 20px
;		    
190         color: #fff;    
191         font-size: 14px;    
192         font-family: "Oswald";    
193         font-weight: 400;    
194         letter-spacing: 1px;    
195     }    
196     header.page-header.type15 .navigation li.level0 > a:after {    
197         line-height: 48px;    
198     }    
199     header.page-header.type15 .navigation,    
200     header.page-header.type15 .navigation ul {    
201         position: static;    
202         text-align: right;    
203     }    
204     header.page-header.type15.sticky-header .navigation,    
205     header.page-header.type15.sticky-header .navigation ul {    
206         position: relative;    
207     }    
208     header.page-header.type15 .navigation li.level0 .row {    
209         margin: 0 -15px;    
210     }    
211     header.page-header.type15 .navigation .subchildmenu.mega-columns > li {    
212         padding: 0 15px;    
213     }    
214     header.page-header.type15 .navigation ul {    
215         text-align: left;    
216     }    
217     header.page-header.type15 .navigation ul li {    
218         text-align: right;    
219     }    
220     header.page-header.type15 .navigation li.level0.parent > a:before {    
221         content: "";    
222         width: 10px;    
223         height: 10px;    
224         border: 8px solid transparent;    
225         border-bottom-color: #fff;    
226         position: absolute;    
227         right: 50%;    
228         margin-right: -10px;    
229         top: 100%;    
230         margin-top: -16px;    
231         visibility: hidden;    
232         opacity: 0;    
233         transition: all 0.1s;    
234     }    
235     header.page-header.type15 .search-area {    
236         position: relative;    
237         width: 100%;    
238         height: auto;    
239         border-bottom: 1px solid rgba(60,60,60,0.1);    
240         top: 0;    
241         right: 0;    
242         margin: 0;    
243     }    
244     header.page-header.type15 .search-area .block-search {    
245         width: 100%;    
246         margin: 0;    
247     }    
248     header.page-header.type15 .search-area .search-toggle-icon {    
249         display: none;    
250     }    
251     .input-text:focus {    
252         box-shadow: none !important;    
253     }    
254     header.page-header.type15 .search-area .minisearch .input-text {    
255         background: none;    
256         height: 52px;    
257         text-transform: uppercase;    
258         font-size: 13px;    
259         font-family: "Oswald";    
260         color: #c0bebb;    
261         letter-spacing: 0.03em;    
262     }    
263     
264     header.page-header.type15 .search-area .block-search .action.search {    
265         width: 50px;    
266         height: 52px;    
267         color: #fff;    
268         font-size: 22px;    
269         opacity: 1;    
270     }    
271     header.page-header.type15 .search-area .block-search .action.search:before {    
272         content: '\e884';    
273         font-size: 22px;    
274         color: #fff;    
275         padding-right: 1px;    
276     }    
277     header.page-header.type15 .cart-area .switcher {    
278         height: 52px;    
279         border-left: 1px solid rgba(60,60,60,0.1);    
280         margin: 0;    
281         font-family: "Oswald";    
282         padding: 0 15px 0 25px;    
283     }    
284     header.page-header.type15 .switcher .action.toggle {    
285         color: #c0bebb;    
286         border: 0;    
287         line-height: 52px;    
288         height: auto;    
289         padding: 0;    
290         font-size: 14px;    
291         font-family: "Oswald";    
292         font-weight: 400;    
293         text-transform: uppercase;    
294         letter-spacing: 0.03em;    
295     }    
296     header.page-header.type15 .switcher .action.toggle:after {    
297         position: absolute;    
298         left:-15px;    
299         top: calc(50% - 8px);    
300     }    
301     header.page-header.type15 .switcher strong {    
302         font-size: 14px;    
303         line-height: 52px;    
304     }    
305     .page-header.type15 .navigation .level0 .submenu {    
306         border-top-width: 0;    
307         box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25);    
308     }    
309     .page-header.type15 .navigation li.level0.fullwidth .submenu li.level1 > a,    
310     .page-header.type15 .navigation li.level0.staticwidth .submenu li.level1 > a {    
311         font-size: 13px;    
312         font-weight: 700;    
313         margin-top: 26px;    
314         margin-bottom: 4px;    
315         color: #111111;    
316         padding: 0 5px;    
317     }    
318     .page-header.type15 .navigation li.level0.fullwidth .submenu a,    
319     .page-header.type15 .navigation li.level0.classic .submenu a,    
320     .page-header.type15 .navigation li.level0.staticwidth .submenu a {    
321         font-size: 12px; 78     font-size: 12px;
322         line-height: 24px;    
323         text-transform: uppercase;    
324     }    
325     .page-header.type15 .navigation .level0 .submenu li.parent > a:after {    
326         margin-top: 4px;    
327     }    
328 } 79 }
329 @media (max-width:1199px) and  (min-width:768px){    
330     header.page-header.type15 .switcher-area {    
331         width: 100%;    
332         border-bottom: 1px solid rgba(60,60,60,0.1);    
333         border-right: 1px solid rgba(60,60,60,0.1);    
334         text-align: left;    
335     }    
336     header.page-header.type15 .header .header-link-area {    
337         width: 100%;    
338         border-left: none;    
339     }    
340     header.page-header.type15 .cart-area, header.page-header.type15 .search-area {display: inline-block;width: auto;vertical-align: middle;border-bottom:0;text-align: right;}    
341     header.page-header.type15 .cart-area {    
342         border-right: 1px solid rgba(60,60,60,0.1);    
343     }    
344     header.page-header.type15 .minicart-wrapper {    
345         max-width: inherit;    
346     }    
347     header.page-header.type15 .search-area .block-search {    
348         min-width: 240px;    
349     }    
350     header.page-header.type15 .header > .logo {    
351         margin: 61px 0;    
352     }    
353 } 80 }
354 @media (min-width: 768px) and (max-width: 991px) { 81 @media (min-width:992px) and (max-width: 1199px) {
355     header.page-header.type15 .navigation
 li.level0 > a {		 82 
.page-header.type15 .navigation:not(.side-megamenu) 
.level0 .level-top {
356         padding: 3.5px 15px; 83     padding: 20px 10px 20px 10px;
357     }    
358 } 84 }
359 @media (max-width: 767px) { 85 .page-header.type15 .menu-custom-block, .page-header.type15 .sections.nav-sections + .separator {
360     header.page-header.type15 .header > .logo {    
361         margin: 11px 0 9px;    
362         height: 40px;    
363         width: auto;    
364     }    
365     header.page-header.type15 .header > .logo img {    
366         max-width: 100%;    
367         max-height: 100%;    
368         width: auto;    
369     }    
370     header.page-header.type15 .header .cart-area .switcher, header.page-header.type15 .header .search-toggle-icon {    
371         display: none; 86   display: none;
372     }    
373     header.page-header.type15 .header .cart-area {    
374         position: absolute;    
375         left: 0;    
376         top: 0;    
377     }    
378     header.page-header.type15 .minicart-wrapper .action.showcart .counter-label {    
379         display: none;    
380     }    
381     header.page-header.type15 .minicart-wrapper {    
382         margin-top: 6px;    
383     }    
384     header.page-header.type15 .minicart-wrapper .block-minicart {    
385         left: 10px;    
386     }    
387     header.page-header.type15 .search-area .block-search .label {    
388         padding-left: 93px;    
389         line-height: 60px;    
390     }    
391     header.page-header.type15 .search-area .block-search .label:before {    
392         content: '\e884';    
393         color: #fff;    
394         padding-right: 1px;    
395         font-size: 18px;    
396     }    
397     header.page-header.type15 .nav-toggle:before {    
398         color: #fff;    
399     }    
400     header.page-header.type15 .nav-toggle {    
401         margin-left: 5px;    
402         line-height: 1;    
403         margin-top: 22px;    
404     }    
405 }    
406 header.page-header.type15 .search-category select {    
407     color: #c0bebb;    
408     font-family: 'Oswald';    
409     text-transform: uppercase;    
410     letter-spacing: 1px;    
411     border: 0;    
412 }    
413 header.page-header.type15 .block-search input::-webkit-input-placeholder {    
414     color: #c0bebb;    
415 } 87 }
416 header.page-header.type15 .block-search input::-moz-placeholder {    
417     color: #c0bebb;    
418 } 88 }
419 header.page-header.type15 .block-search input:-moz-placeholder { 89 @media (max-width:991px){
420     color: #c0bebb; 90   .page-header.type15 .custom-block,.page-header.type15 .header-main .separator {display: none;}
    91   .page-header.type15 .header-contact .wishlist {margin-right: 0;}
    92   .page-header.type15 .logo {margin-right: .875rem !important;}
    93   .page-header.type15 .header-main .header-left > * {margin-right: 0;}
    94   .page-header.type15 .search-area .search-toggle-icon {width: 30px;}
421 } 95 }
422 header.page-header.type15 .block-search input:-ms-input-placeholder { 96 @media only screen and (max-width:767px){
423     color: #c0bebb; 97   .page-header.type15 .main-panel-top .separator {display: none;}
424 } 98 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.